<template>
	<view class="">
		<view style="height: 35px; background-color: #FED501;"></view>
		<view class="bigBox">
			<view class="setHead">
				<uni-icons type="arrowleft" size="25" @click="backMine"></uni-icons>
				<view>
					设置
				</view>
			</view>
			<view class="gongneng">
				<view @click="changePwd">
					<text>修改密码</text>
					<uni-icons type="arrowright" size="25" @click="backMine"></uni-icons>
				</view>
				<view @click="backLogin">
					<text>退出登录</text>
					<uni-icons type="arrowright" size="25" @click="backMine"></uni-icons>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue";
	export default {
		components: {
			// 图标
			uniIcons,
		},
		data() {
			return {
				
			}
		},
		methods: {
			backMine() {
				uni.switchTab({
					url: "/pages/mine/mine"
				})
			},
			backLogin() {
				uni.navigateTo({
					url: "/pages/guide/guide"
				})
			},
			changePwd() {
				uni.navigateTo({
					url: "/pages/changePwd/changePwd"
				})
			}
		}
	}
</script>

<style>
.bigBox {
	background-color: #d9d9d9;
}
.setHead {
	padding-left: 8px;
	padding-right: 8px;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #FFFFFF;
	background-color: #fed501;
	color: #FFFFFF !important;
	/* margin-bottom: 8px; */
}
.setHead > view {
	font-size: 18px;
}
.setHead > text {
	margin-right: 8px;
}
.gongneng {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	
}
.gongneng > view {
	width: 100%;
	height: 50px;
	/* margin-top: 8px; */
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 14px;
	border-bottom: 1px solid #d8d8d8;
}
.gongneng  text:nth-of-type(2) {
	padding-right: 20px;
	font-size: 19px !important;
	color: #b5b5b5 !important;
}
</style>
